* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	outline: none;
}

body {
	color: #eeeeee;
	background: #222222;
}

canvas-layer {
	width: 100vw;
	height: 100vh;
	background: #333333;
}


.win {
	display: grid;
	grid-gap: 5px 10px;
	grid-template-columns: 7fr 3fr;
	grid-template-rows: 7fr 3fr;
	grid-template-areas:
		'input output'
		'input eval'
	;
	
	height: 70px;
}

.text-code {
	grid-area: input;
	color: #eeeeee;
	background: #222222;
}

.output {
	grid-area: output;
	overflow: scroll;
	border: 1px solid #33ee77;
}

.execute-code {
	grid-area: eval;
	min-height: 20px;
	color: #eeeeee;
	background: darkgreen;
	border: 1px solid aquamarine;
}
